<%@ taglib uri="http://waffle.codehaus.org" prefix="w" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<html>
<head>
    <title>${projeto}</title>
	<link rel="stylesheet" type="text/css" href="css/theme.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<script language="javascript" type="text/javascript" src="js/soNumero.js"></script>
<script language="javascript" type="text/javascript" src="js/prototype.js"></script>

<script language="javascript" type="text/javascript">
	function sf() {
		document.form.lastname.focus();
	}
	
</script>

<body onload="sf()">

<div id="container">
	<div id="content">		
		<div id="box">
			<h3 id="adduser">Add user</h3>
	        <form action="usuario.listagemUsuario.logic" id="form" name="form">
	        	<fieldset id="personal">
	               	<legend>PERSONAL INFORMATION</legend>
	                <label for="lastname">Last name : </label> 
	                <input name="lastname" id="lastname" type="text" tabindex="1"/>
	                <br />
	                <label for="firstname">First name : </label>
	                <input name="firstname" id="firstname" type="text" tabindex="2"/>
	                <br />
	                <label for="email">Email : </label>
	                <input name="email" id="email" type="text" tabindex="2"/>
	                <br />
	                <p>Send auto generated password 
	                <input name="generatepass" id="yes" type="checkbox" value="yes" tabindex="35"/></p>
	                <label for="pass">Password : </label>
	                <input name="pass" id="pass" type="password" tabindex="2" />
	                <br />
	                <label for="pass-2">Password : </label>
	                <input name="pass-2" id="pass-2" type="password" tabindex="2" />
	                <br />
	            </fieldset>
	            <fieldset id="address">
	                <legend>Address</legend>
	                <label for="street">Street address : </label> 
	                <input name="street" id="street" type="text" 
	                tabindex="1" />
	                <br />
	                <label for="city">City : </label>
	                <input name="city" id="city" type="text" 
	                tabindex="2" />
	                <br />
	                <label for="country">Country : </label> 
	                <input name="country" id="country" type="text" 
	                tabindex="1" />
	                <br />
	                <label for="state">State/Province : </label>
	                <input name="state" id="state" type="text" 
	                tabindex="2" />
	                <br />
	                <label for="zip">Zip/Postal Code : </label>
	                <input name="zip" id="zip" type="text" tabindex="2"/>
	                <br />
	                <label for="tel">Telephone : </label>
	                <input name="tel" id="tel" type="text" tabindex="2"/>
	            </fieldset>
	            <fieldset id="opt">
	                <legend>OPTIONS</legend>
	                <label for="choice">Group : </label>
	                <select name="choice">
	                  <option selected="selected" label="none" value="none">
	                  General
	                  </option>
	                  <optgroup label="Group 1">
	                    <option label="cg1a" value="val_1a">Selection group 1a
	                    </option>
	                    <option label="cg1b" value="val_1b">Selection group 1b
	                    </option>
	                    <option label="cg1c" value="val_1c">Selection group 1c
	                    </option>
	                  </optgroup>
	                  <optgroup label="Group 2">
	                    <option label="cg2a" value="val_2a">Selection group 2a
	                    </option>
	                    <option label="cg2b" value="val_2a">Selection group 2b
	                    </option>
	                  </optgroup>
	                  <optgroup label="Group 3">
	                    <option label="cg3a" value="val_3a">Selection group 3a
	                    </option>
	                    <option label="cg3a" value="val_3a">Selection group 3b
	                    </option>
	                  </optgroup>
	                </select>
	            </fieldset>
	            <div align="center">
	            	<input id="button" type="submit" value="Send" /> 
	              	<input id="button" type="reset" />
	            </div>
			</form>
		</div>
	</div>
</div>
</body>
</html>